<template>
  <div >
    <van-row>
        <van-nav-bar
            title="个人资料"
            fixed
            placeholder
            left-text="返回"
            @click-left="onCancel"
        >
          <template #left>
            <van-icon  @click="onCancel" color="black" size="22" name="arrow-left" />
          </template>
        </van-nav-bar>

      <van-col span="24">
        <van-cell-group :border="false" inset >
          <van-cell  style="background: #f7f8fa;" >
            <template #title>
              <span style="font-size: 1.3em;">基础信息</span>
            </template>
          </van-cell>
        </van-cell-group>
        <van-cell-group inset>
          <van-cell @click="uploadFace" style="height: 3rem;" center>
            <template #title>
              <span style="font-size: 1.2em; ">头像</span>
            </template>
              <template #default>
                <van-image
                    style="margin-top: 10px;"
                    round
                    width="30"
                    height="30"
                    src="https://img01.yzcdn.cn/vant/cat.jpeg"
                />
              </template>
          </van-cell>
          <van-cell class="cellClass" title="账号"  center >
            <template #title>
              <span style="font-size: 1.2em; ">账号</span>
            </template>
            <template #default>
              <span>Herther</span>
            </template>
          </van-cell>
          <van-cell  class="cellClass" is-link  center >
            <template #title>
              <span style="font-size: 1.2em; ">昵称</span>
            </template>
            <template #default>
              <span>Herther</span>
            </template>
          </van-cell>
          <van-cell   class="cellClass"  is-link  center >
            <template #title>
              <span style="font-size: 1.2em; ">手机号</span>
            </template>
            <template #default>
              <span>1311078732</span>
            </template>
          </van-cell>
          <van-cell  class="cellClass"  is-link  center>
            <template #title>
              <span style="font-size: 1.2em; ">收货地址</span>
            </template>
          </van-cell>
        </van-cell-group>
      </van-col>

    </van-row>
  </div>
</template>

<script>
export default {
  name: "InfoList",
  data(){
    return {}
  },
  methods: {
    onCancel(){
      this.$router.replace("/Info")
    },
    uploadFace(){
      this.$router.replace("/avatar")
    }
  },


}
</script>

<style scoped>
.cellClass{
  height: 3rem;
}
</style>
